* {
  margin: 0;
  padding: 0;
}
article {
  width: 1400px;
  margin: 100px auto 0;
  overflow: auto;
  table {
    margin: 0 auto;
    // border-right:1px solid rgb(229,222,178);
    // border-bottom:1px solid rgb(229,222,178);
    tbody {
      tr {
        td {
          height: 40px;
          cursor: pointer;
          //   background-color:#DDD;
          line-height: 40px;
          //   border-top:1px solid rgb(229,222,178);
          //   border-left:1px solid rgb(229,222,178);
          div {
            width: 55px;
            height: 100%;
            margin: 0 auto;
            text-align: center;
            position: relative;
            // overflow: hidden;
            img {
              margin-top: 7px;
              margin-bottom: -7px;
            }
            span {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              text-align: center;
              background-color: rgba(0, 0, 0, 0.3);
              color: #fff;
            }
          }
        }
      }
    }
  }
}
